
<!DOCTYPE html>
<html lang="en" dir="ltr" class="client-nojs">
<head>
    <meta charset="UTF-8" />
    <title>Team:BUCT - 2020.igem.org</title>
    <meta name="generator" content="MediaWiki 1.24.1" />
    <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:BUCT&amp;action=edit" />
    <script src="static/js/jquery.js"></script>
    <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:BUCT&amp;action=edit" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2020.igem.org (en)" />
    <link rel="alternate" hreflang="x-default" href="/Team:BUCT" />
    <link rel="copyright" href="https://creativecommons.org/licenses/by/3.0/" />
    <link rel="alternate" type="application/atom+xml" title="2020.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
    <link rel="stylesheet" href="https://2020.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
    <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
    <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
    /* cache key: 2021_igem_org:resourceloader:filter:minify-css:7:329647e7075f31ea1bfe23cc06e29c9e */</style>
    <script src="https://2020.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
    <script>if(window.mw){
        mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:BUCT","wgTitle":"Team:BUCT","wgCurRevisionId":99382,"wgRevisionId":99382,"wgArticleId":8293,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Enson","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:BUCT","wgUserId":3530,"wgUserEditCount":230,"wgUserRegistration":1593563990000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[]});
    }</script><script>if(window.mw){
    mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
        "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"0fb98727d0ac888f7c204e9fec5865be+\\","patrolToken":"cb0266b49851e732e90429852e9a2c14+\\","watchToken":"d69182ade3c9660aa5d24bebd56b71c7+\\"});},{},{});
    /* cache key: 2020_igem_org:resourceloader:filter:minify-js:7:4373b706498d3c4d960a9366a513f67c */
}</script>
    <script>if(window.mw){
        mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
    }</script>
</head>
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_BUCT skin-igem action-view">

<script type='text/javascript'         src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
<link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
<link rel='stylesheet' type='text/css' href='/common/table_styles.css' />

<script type='text/javascript'         src ='/wiki/skins/Igem/resources/2020_skin.js'></script>


<div id='globalWrapper'>
    <div id='top_menu_under' class='noprint'></div>
    <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
    <script>jQuery('#top_menu_14').load('https://2020.igem.org/cgi/top_menu_14/menubar_reply.cgi',
        {   t:"Team%3ABUCT",
            a:"View+%2FTeam%3ABUCT++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ABUCT%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ABUCT%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3ABUCT++Unwatch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ABUCT%26action%3Dunwatch%26token%3D511e94310381f9208d8471205b89e3f3%252B%255C++Page+%2FTeam%3ABUCT++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ABUCT%26action%3Dedit%26redlink%3D1++" });
    </script>

    <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
    <div id="content" class="mw-body" role="main">
        <a id="top"></a>

        <div id="top_title">
            <div class="logo_2020">
                <a href="https://2020.igem.org">
                    <img src="https://2020.igem.org/wiki/images/8/8b/HQ_page_logo.jpg" width="100px">
                </a>
            </div>

            <h1 id="firstHeading" class="firstHeading">
                <span dir="auto">Team:BUCT</span>
            </h1>
        </div>

        <div id="HQ_page">
            <div id="bodyContent">
                <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
                    <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/loading&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />
                    <script src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/scroll&amp;action=raw&amp;ctype=text/javascript" type="text/javascript"></script>

                    <script>
                        window.onload = function (){
                            $("#buct-bar").hide();

                            $(".team-container").hide();
                            scrollM(0,0);
                        }

                        document.onreadystatechange = function () {
                            if(document.readyState == "complete"){
                                setTimeout(function () {

                                    $("#loading-cover").slideUp(700);

                                    document.getElementById("body-content").style.visibility = "visible";

                                    $("#buct-bar").show();
                                    $(".team-container").show();


                                },2400)
                            }
                        }
                    </script>
                    <div id="loading-cover">

                        <div class="hex-border">
                            <div class="hexagons">
                                <div class="hexagon"></div>
                                <div class="hexagon"></div>
                                <div class="hexagon"></div>
                                <div class="hexagon"></div>
                                <div class="hexagon"></div>
                                <div class="hexagon"></div>
                                <div class="hexagon"></div>
                            </div>
                        </div>
                    </div>


                    <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/bar&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />

                    <style type="text/css">
                        #sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
                        #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
                        body, html {background-color:white; width: 100%; height: 100%;}
                        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
                        #bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
                        #top_menu_inside #bars_item {
                            position: absolute;
                            top: -30px !important;
                            left: -100px !important;
                            z-index: 100000 !important;
                            cursor: pointer;
                        }
                        #top_menu_inside #bars_item {
                            position: absolute;
                            top: -30px !important;
                            left: -100px !important;
                            z-index: 100000 !important;
                            cursor: pointer;
                        }

                        #sideMenu,
                        #top_title {
                            display: none;
                        }

                        #content {
                            padding: 0px;
                            width: 100%;
                        }

                        body {
                            background-color: white;
                            margin: 0px;
                        }

                        #bodyContent h1 {
                            font-weight: 300 !important;
                        }

                        #bodyContent h1,
                        #bodyContent h2,
                        #bodyContent h3,
                        #bodyContent h4,
                        #bodyContent h5 {
                            margin-bottom: 0px;
                            border-bottom: none;
                        }

                        #bodyContent {
                            padding-right: 0px;
                        }

                        #globalWrapper {
                            font-size: 100%;
                            padding: 0px;
                            margin: -10px -20px -20px -20px;
                        }

                        .navbar-collapse {
                            padding-left: 0px;
                        }

                        #banner {
                            margin-top: 50px;
                        }

                        #sideMenu {
                            margin-top: 10px;
                        }

                        .navbar-nav .dropdown-menu,
                        .navbar .dropdown-menu {
                            margin-top: 0;
                        }

                        .judges-will-not-evaluate {
                            width: 96.6%;
                            margin: 5px 15px;
                            display: block;
                            border: 4px solid #3399ff;
                            font-weight: bold;
                        }

                        .content_wrapper {
                            width: 100%;
                            height: 100vh;
                        }
                    </style>
                    <!--删除wiki原来的样式-->



                    <nav id="buct-bar">
                        <ul id="topbar">
                            <li class="main-menu"><a  href="https://2020.igem.org/Team:BUCT"> <img class="bar-logo" src="https://2020.igem.org/wiki/images/2/24/T--BUCT--logo1.png" alt="logo"  />  </a> </li>
                            <li class="main-menu">
                                <a class="main-menu-btn" href="#" style="margin-left: -30px">PROJECT <img src="https://2020.igem.org/wiki/images/f/fa/T--BUCT--arrow-down.png" style="margin-left: 6px" width="20px" height="22px"/></a>
                                <ol class="buct-submenu" style="margin-left: -30px;left: 6px">
                                    <li><a href="https://2020.igem.org/Team:BUCT/Description">Description</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Design">Design</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Parts">Parts</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Improvement">Improvement</a></li>
                                </ol>
                            </li>
                            <li class="main-menu"><a class="main-menu-btn" href="#">RESULTS <img src="https://2020.igem.org/wiki/images/f/fa/T--BUCT--arrow-down.png" style="margin-left: 6px" width="20px" height="22px"/></i></a>
                                <ol class="buct-submenu">
                                    <li><a href="https://2020.igem.org/Team:BUCT/Demonstrate">Demonstrate</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Contribution">Contribution</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Engineering">Engineering<br/>Success</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Implementation">Proposed<br/>Implementaion</a></li>

                                </ol>
                            </li>
                            <li class="main-menu"><a class="main-menu-btn" href="#">WET LAB <img src="https://2020.igem.org/wiki/images/f/fa/T--BUCT--arrow-down.png" style="margin-left: 6px" width="20px" height="22px"/></i></a>
                                <ol class="buct-submenu">

                                    <li><a href="https://2020.igem.org/Team:BUCT/Notebook">Notebook</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Safety">Safety</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Methods">Methods</a></li>

                                </ol>
                            </li>
                            <li class="main-menu"><a class="main-menu-btn" href="#">DRY LAB <img src="https://2020.igem.org/wiki/images/f/fa/T--BUCT--arrow-down.png" style="margin-left: 6px" width="20px" height="22px"/></i></a>
                                <ol class="buct-submenu" >
                                    <li><a href="https://2020.igem.org/Team:BUCT/Modeling">Modeling</a></li>

                                </ol>
                            </li>
                            <li class="main-menu"><a class="main-menu-btn" href="#">Team <img src="https://2020.igem.org/wiki/images/f/fa/T--BUCT--arrow-down.png" style="margin-left: 6px" width="20px" height="22px"/></a>
                                <ol class="buct-submenu">
                                    <li><a href="https://2020.igem.org/Team:BUCT/Members">Members</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Attributions">Attributions</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/TCollabrations">Collabrations</a></li>


                                </ol>
                            </li>
                            <li class="main-menu"><a class="main-menu-btn" style="font-size: 13px;" href="#"><p style="margin-top: -8px">HUMAN<br/>PRACTICES</p><img  src="https://2020.igem.org/wiki/images/f/fa/T--BUCT--arrow-down.png" style="margin-top: -10px;margin-left: 6px" width="20px" height="22px"/></a>
                                <ol class="buct-submenu" style="top:-8px">
                                    <li><a href="https://2020.igem.org/Team:BUCT/Human_Practices">Integrated HP</a></li>

                                    <li><a href="https://2020.igem.org/Team:BUCT/Partnership">Partnership</a></li>
                                    <li><a href="https://2020.igem.org/Team:BUCT/Education">Education&amp;<br/>Engagement</a></li>

                                </ol>
                            </li>
                            <li class="main-menu" style="margin-right: 20px;font-size: 13px"><a class="main-menu-btn" style="font-size: 17px;" href="https://igem.org/2020_Judging_Form?id=3699"><p style="margin-top: -8px;margin-left:-25px">FORM<br/>JUDGING</p></a> </li>

                        </ul>

                    </nav>




                    </p><p>

                        <script src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/bg_stars&amp;action=raw&amp;ctype=text/javascript"></script>
                        <script src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/gsap&amp;action=raw&amp;ctype=text/javascript"></script>
                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/team_name&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />

                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/cell&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />
                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/stars&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />
                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/wave&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />
                        <link href="static/css/home_page_content.css" type="text/css" rel="stylesheet" />
                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/main&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />
                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/button&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet"/>
                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/home-style&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet"/>
                    <div style="width: 100%;height: 90px"></div>
                    <!-- background-stars -->

                    <div class="bg-star-container"><canvas id="bubbles-canvas"></canvas>
                        <svg class="jellyfish"    viewBox="0 0 278.8 291.7">
                            <defs>
                                <style>
                                    .cls-1 {
                                        fill: #b2d1dc
                                    }

                                    .cls-2 {
                                        fill: rgba(165, 191, 193, 0.5)
                                    }

                                    .cls-3 {
                                        fill: #d5a2a2
                                    }

                                    .cls-4 {
                                        fill: rgba(148, 199, 204, 0.8)
                                    }

                                    .cls-5 {
                                        fill: rgba(147, 203, 223, 0.5)
                                    }

                                    .cls-6 {
                                        fill: #93b8c4
                                    }

                                    .cls-7 {
                                        fill: #c9ecf8
                                    }

                                    .cls-8 {
                                        fill: #dbf2f9
                                    }

                                    .cls-9 {
                                        fill: #eea4a4
                                    }
                                </style>
                            </defs>

                        </svg></div><!-- partial -->
                    <div id="body-content" style="visibility: hidden" >
                        <div class="team-container" >
                            <svg viewBox="0 0 1000 300" style="z-index: -80">
                                <symbol id="line-text">
                                    <text text-anchor="middle" x="50%" y="50%" dy=".4em" >
                                        BUCT
                                    </text>
                                </symbol>

                                <use xlink:href="#line-text" class="text"></use>
                                <use xlink:href="#line-text" class="text"></use>
                                <use xlink:href="#line-text" class="text"></use>
                                <use xlink:href="#line-text" class="text"></use>
                            </svg>

                        </div>
                        <div class="virus-container">
                            <div class="cell-wrapper">

                                <img class="big-virus"  src="https://2020.igem.org/wiki/images/2/2e/T--BUCT--virus.png"  />
                                <div class="covid-wrapper" style="z-index: -80">
                                    <div class="viruses">
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                        <div class="virus"></div>
                                    </div>
                                    <div class="covid-arms"></div>
                                    <div class="covid-arms right"></div>

                                    <div class="covid">
                                        <div class="covid-spots">
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                            <div class="covid-spot"></div>
                                        </div>
                                        <div class="covid-eyes"> </div>
                                        <div class="covid-eyes left"></div>
                                        <div class="covid-eyebrow"></div>
                                        <div class="covid-eyebrow right"></div>
                                        <div class="covid-mouth"></div>
                                        <div class="covid-cheek"></div>
                                        <div class="covid-cheek right"></div>
                                    </div>
                                </div>
                                <div class="covid-pulse" style="z-index: -100">
                                    <div class="covid-sticks" >
                                        <div class="covid-stick" ></div>
                                        <div class="covid-stick" ></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                        <div class="covid-stick"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="g-cell-wrapper">
                                <img class="big-virus2"  src="https://2020.igem.org/wiki/images/4/43/T--BUCT--virus2.png"  />
                                <div class="g-covid-wrapper" style="z-index: -80">
                                    <div class="g-viruses">
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                        <div class="g-virus"></div>
                                    </div>
                                    <div class="g-covid-arms"></div>
                                    <div class="g-covid-arms right"></div>
                                    <div class="earth-wrapper">
                                        <div class="earth-detail"></div>
                                        <div class="earth">
                                            <div class="covid-eyes earth-eyes"></div>
                                            <div class="covid-eyes earth-eyes left"></div>
                                            <div class= "earth-mouth"></div>


                                        </div>
                                    </div>
                                    <div class="g-covid">
                                        <div class="g-covid-spots">
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                            <div class="g-covid-spot"></div>
                                        </div>
                                        <div class="g-covid-eyes"> </div>
                                        <div class="g-covid-eyes left"></div>
                                        <div class="g-covid-eyebrow"></div>
                                        <div class="g-covid-eyebrow right"></div>
                                        <div class="g-covid-mouth"></div>
                                        <div class="g-covid-cheek"></div>
                                        <div class="g-covid-cheek right"></div>
                                    </div>
                                </div>
                                <div class="g-covid-pulse" style="z-index: -100">

                                </div>

                            </div>

                        </div>
                        <div class="wave-box" >
                            <svg viewBox="0 0 120 28">
                                <defs>
                                    <filter id="goo">
                                        <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
                                        <feColorMatrix in="blur" mode="matrix" values="
           1 0 0 0 0
           0 1 0 0 0
           0 0 1 0 0
           0 0 0 13 -9" result="goo" />
                                        <xfeBlend in="SourceGraphic" in2="goo" />
                                    </filter>
                                    <path id="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
                                </defs>

                                <use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2" ></use>
                                <use id="wave2" class="wave" xlink:href="#wave" x="0" y="0" ></use>


                                <g class="gooeff" filter="url(#goo)">
                                    <circle class="drop drop1" cx="20" cy="2" r="8.8"  />
                                    <circle class="drop drop2" cx="25" cy="2.5" r="7.5"  />
                                    <circle class="drop drop3" cx="16" cy="2.8" r="9.2"  />
                                    <circle class="drop drop4" cx="18" cy="2" r="8.8"  />
                                    <circle class="drop drop5" cx="22" cy="2.5" r="7.5"  />
                                    <circle class="drop drop6" cx="26" cy="2.8" r="9.2"  />
                                    <circle class="drop drop1" cx="5" cy="4.4" r="8.8"  />
                                    <circle class="drop drop2" cx="5" cy="4.1" r="7.5"  />
                                    <circle class="drop drop3" cx="8" cy="3.8" r="9.2"  />
                                    <circle class="drop drop4" cx="3" cy="4.4" r="8.8"  />
                                    <circle class="drop drop5" cx="7" cy="4.1" r="7.5"  />
                                    <circle class="drop drop6" cx="10" cy="4.3" r="9.2"  />

                                    <circle class="drop drop1" cx="1.2" cy="5.4" r="8.8"  />
                                    <circle class="drop drop2" cx="5.2" cy="5.1" r="7.5"  />
                                    <circle class="drop drop3" cx="10.2" cy="5.3" r="9.2"  />
                                    <circle class="drop drop4" cx="3.2" cy="5.4" r="8.8"  />
                                    <circle class="drop drop5" cx="14.2" cy="5.1" r="7.5"  />
                                    <circle class="drop drop6" cx="17.2" cy="4.8" r="9.2"  />
                                    <use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
                                </g>
                                <!-- g mask="url(#xxx)">
                                <path   id="wave1"  class="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
                                </g>
                              </g -->

                            </svg>
                        </div>
                        <div class="wave-bottom"></div>
                        <div class="buct-home-wiki-slide">
                            <div class="slide" >
                                <div class="buct-bgd">
                                    <img src="https://2020.igem.org/wiki/images/d/d9/T--BUCT--1%402x.png" alt="background" style="width: 90%"  />
                                </div>
                                <div class="text-box" style="left: 80px; top: 1450px">
                                    <div class="title">Phase separation system</div>
                                    <p>
                                        We constructed the first artificial phase separation system ever in prokaryotes. These droplets in E.coli exhibit similar spherical shape and high fluidity as they were in eukaryotes. By creating membraneless organelles in a cell, phases could realize the redistribution of various targets, including proteins and small organic molecules.
                                    </p>
                                </div>
                            </div>
                            <div class="slide" >
                                <div class="buct-bgd">
                                    <img src="https://2020.igem.org/wiki/images/8/81/T--BUCT--2%402x.png" alt="background" style="width: 90%"  />
                                </div>
                                <div class="text-box" style="right: 190px; top: 1900px">
                                    <div class="title">Photo-activated switch</div>
                                    <p>
                                        We use laser as a switch to control our system in a high spatial-temporal resolution. Within a few seconds, target proteins would redistribute into existing phases. After incubated in dark for several minutes, targets can reverse to previous smear state.  </p>
                                </div>
                            </div>
                            <div class="slide" >
                                <div class="buct-bgd">
                                    <img src="https://2020.igem.org/wiki/images/5/54/T--BUCT--3%402x.png" alt="background" style="width: 90%"  />
                                </div>
                                <div class="text-box" style="left: 200px; top: 2400px">
                                    <div class="title">Modelling our system</div>
                                    <p>
                                        We modelled the phase separation system and coupled enzymatic reactions using a differential equation model and a collision model of chemical reactions. The model conceptually explained how phase separation would regulate downstream reactions, and provided insights for enzyme concentration and phase separation system selection. In addition, an interactive interface based on the model is presented on our wiki.
                                    </p>
                                </div>
                            </div>
                            <div class="slide" >
                                <div class="buct-bgd">
                                    <img src="https://2020.igem.org/wiki/images/c/c2/T--BUCT--4%402x.png" alt="background" style="width: 90%"  />
                                </div>
                                <div class="text-box" style="right: 190px; top: 3000px">
                                    <div class="title">Downstream reactions</div>
                                    <p>
                                        Enzymes of proper size could be recruited into phases by using photo-activated switch. Selecting substrates of proper solubility according to our model, we realized the regulation of enzymatic reactions.
                                    </p>
                                </div>
                            </div>
                            <div class="slide" >
                                <div class="buct-bgd">
                                    <img src="https://2020.igem.org/wiki/images/2/2a/T--BUCT--5%402x.png" alt="background" style="width: 90%"  />
                                </div>
                                <div class="text-box" style="left: 230px; top: 3500px">
                                    <div class="title">Improvement</div>
                                    <p>
                                        Enrichment of CRY2 in phase include both homo-aggregation of itself and hetero-aggregation of CRY2 and CIB1. By introducing point mutation to C terminal of CRY2, we attenuate homo-aggregation of CRY2 in dark, increasing the threshold of light induction. This improvement may also be helpful for teams who want to modify the sensitivity of their light-controlled information-processing system.</p>
                                          </div>
                            </div>
                            <div class="slide" >
                                <div class="buct-bgd">
                                    <img src="https://2020.igem.org/wiki/images/3/3e/T--BUCT--6%402x.png" alt="background" style="width: 90%"  />
                                </div>
                                <div class="text-box" style="right: 190px; top: 3950px">
                                    <div class="title">More possibilities</div>
                                    <p>
                                        Upon introducing this powerful tool in E.coli, there are much more prosperous applications waiting to be developed. We propose that by isolating specific material in phase, a uniform E.coli colony could grow into a society with cell differentiation.
                                    </p>
                                </div>
                            </div>
                            <div class="slide" >
                                <div class="buct-bgd">
                                    <img src="https://2020.igem.org/wiki/images/f/f9/T--BUCT--7%402x.png" alt="background" style="width: 90%"  />
                                </div>
                                <div class="text-box" style="left: 220px; top: 4600px">
                                    <div class="title">Hardware</div>
                                    <p>
                                        Depending on the manner of reversible amplification in phase, specific proteins can be used to create a biological register. Responding to laser stimulation, the distribution of fluorescence proteins would change, resulting in the variation in FRET signal, which can be detected by fluorescence reader.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                        <button id="topButton" class="buct-button button-glow button-circle button-action button-jumbo" style=" align-items: center" onclick="scrollControl(0)"><img src="https://2020.igem.org/wiki/images/3/3d/T--BUCT--arrow-up.png"  width="30px" /></button>
                        <!--主页内容结束-->







                        <link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/footer&amp;action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" />
                        <footer>
                            <div class="container">
                                <div class="box">
                                    <a class="img" href="#">
                                        <img src="https://2020.igem.org/wiki/images/b/bc/T--BUCT--igem2.png" alt="igem_logo" />

                                    </a>
                                    <p>IGEM</p>
                                </div>
                                <div class="box">
                                    <a class="img" href="#">
                                        <img src="https://2020.igem.org/wiki/images/2/24/T--BUCT--logo1.png" alt="team_logo" />

                                    </a>
                                    <p>TEAM</p>
                                </div><div class="box">
                                <a class="img" href="#">
                                    <img src="https://2020.igem.org/wiki/images/d/d7/T--BUCT--buct-logo2.png" alt="buct_logo" />

                                </a>
                                <p>BUCT</p>
                            </div><div class="box" style="margin-left: -30px">
                                <a class="img" href="#">
                                    <img src="https://2020.igem.org/wiki/images/2/23/T--BUCT--zhihu.png" alt="zhihu_logo" />

                                </a>
                                <p>ZhiHu</p>
                            </div>
                            </div>
                            <p class="buct-copyright">Copyright ©  2020  BUCT  All rights reserved.</p>
                        </footer>

                    </div>


                    </p>
                    <!--
                    NewPP limit report
                    CPU time usage: 0.010 seconds
                    Real time usage: 0.011 seconds
                    Preprocessor visited node count: 19/1000000
                    Preprocessor generated node count: 84/1000000
                    Post‐expand include size: 123/2097152 bytes
                    Template argument size: 0/2097152 bytes
                    Highest expansion depth: 2/40
                    Expensive parser function count: 0/100
                    -->

                    <!-- Saved in parser cache with key 2020_igem_org:pcache:idhash:8293-0!*!*!*!*!*!* and timestamp 20201024162057 and revision id 99382
                     -->
                </div>		            <div class="visualClear"></div>
            </div>
        </div>

    </div>
</div>
</html>
